import "./style.css";


export default function BasicInfo({detail}) {
  return (
    <div className="tabs-wrap">
      <div
        style={{
          height: "100%",
          width: "300px",
          margin: "auto",
        }}
      >
        <div
          style={{
            width: "300px",
            height: "70%",
            backgroundColor: "blue",
          }}
        >
          <img src={detail.pic} alt="" style={{height:'100%',width:'300px'}} id="previewImage"/>
        </div>
        <div
          style={{ width: "300px", height: "30%", backgroundColor: "white" }}
        >
          <div
            style={{
              fontSize: "20px",
              textAlign: "left",
              color: "orange",
              marginLeft: "10px",
            }}
          >
            54积分+24.90元
          </div>
          <div
            style={{
              textAlign: "left",
              fontSize: "10px",
              opacity: "0.7",
              marginLeft: "10px",
            }}
          >
            基础价
            <span style={{ fontSize: "10px", textDecoration: "line-through" }}>
              58.90元
            </span>
          </div>
          <div style={{ textAlign: "left", marginLeft: "10px" ,marginTop:'5px'}}>
            {detail.name}
          </div>
          <div
            style={{
              textAlign: "left",
              fontSize: "10px",
              opacity: "0.7",
              marginLeft: "10px",
              marginTop:'15px'
            }}
          >
            月兑{detail.bound}
          </div>
        </div>
      </div>
    </div>
  );
}
